<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="keywords" content="Hello World, Hexo">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>Hello World | Hexo</title>

    
    <!-- Third-Party CSS -->
    
        <link rel="icon" type="image/svg+xml" href="/favicon.svg">
        <link rel="stylesheet" href="/css/thirdparty/bootstrap.min.css">
        <link rel="stylesheet" href="/css/thirdparty/octicons.css">
        <link rel="stylesheet" href="/css/thirdparty/hover-min.css">
        <link rel="stylesheet" href="/css/thirdparty/user-content.min.css">
        <link rel="stylesheet" href="/css/thirdparty/syntax.css">
        <link rel="stylesheet" href="/css/thirdparty/gitalk.css">

        <!-- My CSS -->
        <link rel="stylesheet" href="/css/common.css">

        <link rel="stylesheet" href="/css/sidebar-post-nav.css">

        <link rel="stylesheet" href="/css/blog-page.css">
        <!-- CSS set in page -->

        
        <link rel="stylesheet" href="/css/sidebar-popular-repo.css">
    

    <!-- CSS set in layout -->
    <link rel="stylesheet" type="text/css"
          href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">

    
        <script type="text/javascript" src="/js/thirdparty/jquery.min.js"></script>
        <script type="text/javascript" src="/js/thirdparty/bootstrap.min.js"></script>
        <script type="text/javascript" src="/js/lock.js"></script>
    

    

    <link rel="stylesheet" href="//cdn.bootcss.com/highlight.js/9.2.0/styles/github.min.css">
    <script src="//cdn.bootcss.com/highlight.js/9.2.0/highlight.min.js"></script>
<meta name="generator" content="Hexo 4.2.1"></head>

<body>
<header class="site-header">
    <div class="site-header-topbar">
        <div class="container">
            <div class="topbar-menu">

    
        <div class="item">
            <a href="https://cayzlh.github.io"
               
               title="导航页">
                导航页
            </a>
        </div>
    
        <div class="item">
            <a href="https://github.com/cayzlh"
               target="" 
               title="GitHub">
                GitHub
            </a>
        </div>
    
        <div class="item">
            <a href="/about"
               
               title="关于">
                关于
            </a>
        </div>
    

</div>
        </div>
    </div>
    <div class="container">
        <a id="site-header-brand" href="/" title="Hexo">
            <span class="octicon octicon-mark-github"></span>
            Hexo
        </a>

        <nav class="site-header-nav" role="navigation">
    
        <div class=" site-header-nav-item hvr-underline-from-center">
            <a href="/"
               
               title="首页">
                首页
            </a>
            
        </div>
    
        <div class=" site-header-nav-item hvr-underline-from-center">
            <a href="/archives"
               
               title="归档">
                归档
            </a>
            
        </div>
    
        <div class=" site-header-nav-item hvr-underline-from-center">
            <a href="/"
               
               title="在线工具">
                在线工具
            </a>
            
                <ul class="submenu">
                    

                        <li>
                            <a href="https://cayzlh.github.io/tools/online-JSONFormat/"
                            
                            >
                                <span>Json在线工具</span>
                            </a>
                        </li>

                    

                        <li>
                            <a href="https://cayzlh.github.io/tools/online-markdown/"
                            
                            >
                                <span>Markdown在线转换工具</span>
                            </a>
                        </li>

                    
                </ul>
            
        </div>
    
</nav>
    </div>
</header>
<main class="content">
    <!-- 标题部分 -->
<section class="jumbotron geopattern" data-pattern-id="Hello World">
    <div class="container">
        <div id="jumbotron-meta-info">
            <h1>Hello World</h1>
            <span class="meta-info">
                <a><span class="octicon octicon-calendar"></span> 2020-07-15</a>
                
                    <a><span class="octicon octicon-book"></span></a>
                    
                
                
                    
                        <a>
                            <span class="octicon octicon-eye-watch"
                                  id="busuanzi_value_page_pv"><i class="fa fa-spinner fa-spin"></i></span>
                        </a>
                    
                
            </span>
        </div>

    </div>
</section>
<script>
    $(document).ready(function(){

        $('.geopattern').each(function(){
            $(this).geopattern($(this).data('pattern-id'));
        });

    });
</script>
<!-- 文章内容部分 -->
<article class="post container " itemscope itemtype="http://schema.org/BlogPosting" id="openwrite-container">
    <div class="row">
        <div class="col-md-9 markdown-body">
            <!-- 文章开始部分 -->
            <!--<div style="text-align:center">-->
<!--    <img style="display:inline-block" width="130" height="27"-->
<!--         src="https://cdn.jsdelivr.net/gh/cayzlh/git-img-repository@master/uPic/640-3.gif"-->
<!--         data-loaded="true">-->
<!--    <img style="display:inline-block" width="41" height="35"-->
<!--         src="https://cdn.jsdelivr.net/gh/cayzlh/git-img-repository@master/uPic/640-4.gif"-->
<!--         data-loaded="true">-->
<!--    <img style="display:inline-block"-->
<!--         width="130" height="27"-->
<!--         src="https://cdn.jsdelivr.net/gh/cayzlh/git-img-repository@master/uPic/640-5.gif"-->
<!--         data-loaded="true">-->
<!--</div>-->
            <p>Welcome to <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="noopener">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="noopener">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="noopener">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">"My New Post"</span></span><br></pre></td></tr></table></figure>

<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="noopener">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>

<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="noopener">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>

<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="noopener">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>

<p>More info: <a href="https://hexo.io/docs/one-command-deployment.html" target="_blank" rel="noopener">Deployment</a></p>

            <!-- 文章结尾部分 -->
            
                
<div style="text-align:center;width:100%">
    <span class="octicon octicon-tag-add"></span>
    
</div>



    <div style="text-align:center;width:100%">
        <img src="https://cdn.jsdelivr.net/gh/cayzlh/git-img-repository@master/uPic/640-2.gif">
    </div>






<div>
    <h4>版权声明</h4>
    <blockquote>
        <ul class="post-copyright">
            <li class="post-copyright-author">
                <strong>本文来源： </strong>
                
                <a href="http://yoursite.com/2020/07/15/hello-world/"
                   title="John Doe"
                   rel="noopener external nofollow noreferrer"
                   target="_blank">John Doe</a></li>
            <li class="post-copyright-link">
                <strong>本文链接：</strong>
                <a href="http://yoursite.com/2020/07/15/hello-world/"
                   title="/Hello%20World">http://yoursite.com/2020/07/15/hello-world/</a>
            </li>
            <li class="post-copyright-license">
                <strong>版权声明： </strong>
                
                    文章内容仅用作学习和分享，转载请注明出处
                
            </li>
        </ul>
    </blockquote>
</div>


            
            
        </div>
        
            <div class="col-md-3">
                <h4>文章目录</h4>
                <div id="toc" style="display: none;">
                    <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#Quick-Start"><span class="toc-text">Quick Start</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#Create-a-new-post"><span class="toc-text">Create a new post</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Run-server"><span class="toc-text">Run server</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Generate-static-files"><span class="toc-text">Generate static files</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Deploy-to-remote-sites"><span class="toc-text">Deploy to remote sites</span></a></li></ol></li></ol>
                </div>
                <div id="post-directory-module">
                    <section class="post-directory">
                        <!-- Links that trigger the jumping -->
                        <!-- Added by javascript below -->
                        <dl></dl>
                    </section>
                </div>

                <script type="text/javascript">
                    var getChild = function ($parent) {
                        var child = {};
                        child.path = $parent.find("a").attr("href");
                        child.title = $parent.find("a").find("span").html();

                        var $children = $($parent.children("ol").children());
                        if ($children) {
                            var children = [];
                            $children.each(function () {
                                children.push(getChild($(this)));
                            });
                            child.children = children;
                        }
                        return child;
                    }
                    $(document).ready(function () {
                        var toc = [];
                        $("#toc").children().children().each(function () {
                            toc.push(getChild($(this)));
                        });
                        if (toc.length > 0) {
                            $("#toc").remove();
                            toc.forEach(function (t) {
                                $(".post-directory dl").append("<dt><a class=\"jumper\" href="
                                    + t.path
                                    + ">"
                                    + t.title
                                    + "</a></dt>");
                                var tc = t.children;
                                if (tc.length > 0) {
                                    tc.forEach(function (c) {
                                        $(".post-directory dl").append(
                                            "<dd><a class=\"jumper\" href="
                                            + c.path
                                            + ">"
                                            + "&nbsp;&nbsp;- " + c.title
                                            + "</a></dd>"
                                        );
                                    });
                                }
                            });

                        }
                        var fixmeTop = $('#post-directory-module').offset().top - 100;       // get initial position of the element

                        $(window).scroll(function () {                  // assign scroll event listener

                            var currentScroll = $(window).scrollTop(); // get current position

                            if (currentScroll >= fixmeTop) {           // apply position: fixed if you
                                $('#post-directory-module').css({      // scroll to that element or below it
                                    top: '100px',
                                    position: 'fixed',
                                    width: 'inherit'
                                });
                            } else {                                   // apply position: static
                                $('#post-directory-module').css({      // if you scroll above it
                                    position: 'inherit',
                                    width: 'inherit'
                                });
                            }

                        });

                        $("a.jumper").on("click", function (e) {

                            e.preventDefault();

                            $("body, html").animate({
                                scrollTop: ($($(this).attr('href')).offset().top - 100)
                            }, 600);

                        });
                    });

                </script>
            </div>
        
    </div>
    
</article>

<script>
    hljs.initHighlightingOnLoad();
</script>
</main>
<footer class="container">
    <div class="site-footer">
        
    <div class="card text-center">
        <ul class="list-inline" style="margin-left: 0;">
            
                <li>
                    <a
                    
                        target="_blank"
                            
                        href="https://github.com/cayzlh">
                          <span class="fa-stack fa-lg">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-github fa-stack-1x fa-inverse">
                                
                            </i>
                          </span>
                    </a>
                </li>
            
                <li>
                    <a
                    
                        target="_blank"
                            
                        href="https://twitter.com/Q2F5emxo">
                          <span class="fa-stack fa-lg">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-twitter fa-stack-1x fa-inverse">
                                
                            </i>
                          </span>
                    </a>
                </li>
            
                <li>
                    <a
                    
                        target="_blank"
                            
                        href="mailto:chenanyu@cayzlh.com">
                          <span class="fa-stack fa-lg">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa  fa-stack-1x fa-inverse">
                                邮
                            </i>
                          </span>
                    </a>
                </li>
            
        </ul>
    </div>


        <div class="site-footer-links mobile-hidden">
            
                
                    <span id="busuanzi_container_site_pv" style='display:none'>
                        本站总访问量<span id="busuanzi_value_site_pv"><i class="fa fa-spinner fa-spin"></i></span>次
                    </span>
                
                
                    <span id="busuanzi_container_site_uv" style='display:none'>
                      访客数<span id="busuanzi_value_site_uv"><i class="fa fa-spinner fa-spin"></i></span>人次
                    </span>
                
            
        </div>

        <div class="site-footer-links mobile-hidden">
        
            <span class="meta-info-index hvr-grow">
                
            </span>
        
        
        </div>

        
            <div class="scrolltop">
                <a href="javascript:window.scrollTo(0,0)">TOP</a>
            </div>
        

        
        <div class="rss">
            <a href="/atom.xml" target="_blank"><span class="octicon octicon-rss" style="color:orange;"></span></a>
            Power by <a href="https://github.com/cayzlh/hexo-theme-yummy" target="_blank">hexo-theme-yummy</a>
        </div>
        
    </div>
    

    
        <!-- Third-Party JS -->
        <script type="text/javascript"
                src="/js/thirdparty/geopattern.min.js"></script>
        <!-- My JS -->
        <script type="text/javascript" src="/js/script.js"></script>
    

    
        <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js">
        </script>
    
</footer>
</body>
</html>